<!--<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			window.onload = function(){
				//通过id获取元素节点对象，如果id不存在，则返回null
				var oBox = document.getElementById("box");
//				console.log(oBox);
			  var oList = document.getElementById("list");
//			  console.log(oList);
			
			//tagName:标签名称
//			console.log(oBox.tagName);//DIV
//			console.log(oList.tagName);//UL

//		//innerHTML:获取元素节点的内容
//		console.log(oBox.innerHTML);
//		console.log(oList.innerHTML);
		
		//id 唯一的标示服
//		console.log(oBox.id);//box
//		console.log(oList.id);//list

//		oBox.id = "box2";     //可读，可写
//		console.log(oBox.id);//box2
		
		//title  ，可读可写
//		console.log(oBox.title);
//		oBox.title  = "标题2";
//		console.log(oBox.title);//标题2
		
		//style:css样式
//		console.log(oBox.style);//
//		console.log(oBox.style.backgroundColor);
//		oBox.style.width = "50px";
//		oBox.style.height = "50px";
//		oBox.style.backgroundColor = "blue";
//		oBox.style.fontSize = "12px";

		//className:获取class属性  ,可读，可写
//		console.log(oBox.className);//不能使用oBox.class
//		oBox.className = "active";
//		console.log(oBox.className);
		
		//获取自定义属性
//		console.log(oBox.ddd);//undefined,点语法不能够获取自定义属性
//		getAttribute();获取属性的值
		  console.log(oBox.getAttribute("ddd")); //dddd
			
			};
		</script>
	</head>
	<body>
		<div id="box" class="pox" title="标题" style="background:red;width: 100px;height: 100px; " ddd = "dddd">测试div</div>
		<ul id="list">
			<li>1</li>
			<li>2</li>
			<li>3</li>
		</ul>
	</body>
</html>-->
